<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>用户登录</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" th:href="@{../css/bootstrap.min.css}"  type="text/css" />
        <link rel="stylesheet" th:href="@{../css/bootstrap-responsive.min.css}" type="text/css"  />
        <link rel="stylesheet" th:href="@{../css/unicorn.login.css}"  type="text/css" />
    </head>
    <body>
        <div id="logo">
            <p class="logo-title">茂家支付<span>管理平台</span></p>

        </div>
        <span th:text="${errorMsg}"></span>
        <div id="loginbox">
               <form id="loginform" class="form-vertical" th:action="@{/login}" action="" method="post">
                <div class="control-group">
                    <label class="loginbox-label">用户名</label>
                    <div class="controls">
                        <div class="input-prepend">
                            <input type="text" id="userName" name="userName" placeholder="请输入用户名" checked=""/>
                        </div>
                        <div class="message-error">
                        </div>
                        <div class="loginbox-line" id="username-line"></div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <label class="loginbox-label">密码</label>
                        <div class="input-prepend">
                            <input type="password" id="password"  name="password"  placeholder="请输入正确的密码" checked=""/>
                        </div>
                        <div class="loginbox-line" id="password-line"></div>
                    </div>
                </div>
                <div class="password-box">
                        <span class="pull-left">
                            <a href="javascript:;">
                              <input type="checkbox" name="two" id="checkbox" />
                              <label for="checkbox" class="checkboxLabel after">记住密码啊</label>
                            </a>
                        </span>
                </div>
                <div class="form-actions">
                      <input type="submit" id="submit" class="btn" value="登录"/>
                </div>
            </form>
        </div>


        <script type="text/javascript" th:src="@{../js/jquery.min.js}"></script>
        <script type="text/javascript" th:src="@{../js/unicorn.login.js}"></script>
        <script  type="text/javascript">
            //选择框效果
            $("#username").focus(function () {
                $("#username-line").addClass("loginbox-colorline");
                $("#password-line").removeClass("loginbox-colorline");
            })
            $("#username").blur(function () {
                $("#username-line").removeClass("loginbox-colorline");
            })
            $("#password").focus(function () {
                $("#username-line").removeClass("loginbox-colorline");
                $("#password-line").addClass("loginbox-colorline");
            })
            $("#username").blur(function () {
                $("#password-line").removeClass("loginbox-colorline");
            })


        </script>
    </body>
</html>
